<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<%@include file="/WEB-INF/pages/include/prelude.jspf"%>
<%@include file="/WEB-INF/pages/include/common.jspf"%>
<link href="<c:url value='/static/css/memberInfo.css' />" type="text/css" rel="stylesheet"/>
<title>常客信息</title>
<script type="text/javascript">
$(function(){
	$("#pageback").hide();
   	$("#pagetitle").html('常客信息');
});
</script>
</head>
<body>
<div data-role="page">
	<%@include file="/WEB-INF/pages/include/header.jsp"%>
	<div data-role="content">
		<table class="m_photo">
			<tr onclick="window.location.href='<c:url value='/member/inPersonInfo.do' />'">
			  <td rowspan="2" class="m_l"><img alt="头像" src="<c:url value='/static/img/imgs/u15_normal.png' />" /></td>
			  <td class="m_c"><b><a href="javascript:;" onclick="window.location.href='<c:url value='/member/inPersonInfo.do' />'">
			  <c:if test="${allInfo.cnLastName!=null&&allInfo.cnLastName!='' }">
			 	 ${allInfo.cnLastName} &nbsp;&nbsp;${allInfo.cnFirstName}
			  </c:if>
			  <c:if test="${allInfo.cnLastName==null&&allInfo.cnLastName=='' }">
			 	 ${allInfo.firstName} &nbsp;&nbsp;${allInfo.lastName}
			  </c:if>
			  </a></b></td>
			  <td rowspan="2" class="m_r"><img src="<c:url value='/static/img/imgs/icon480_j.png' />" /></td>
			</tr>
			<tr>
			  <td><b>${allInfo.memberNumber }</b></td>
			</tr>
		</table>
		<div class="vip_con"><b>${allInfo.relPrimaryTierName }会员</b> &nbsp;&nbsp;&nbsp;月底作废里程：${aInfo.expireMileage}公里</div>
		<div class="hr"></div>
		<div class="m_item">
			<div class="m_p">
				<p>当前可用里程：${aInfo.point1Value}公里</p>
				<c:if test="${flag=='1' }">
				<table style="font-size:0.8em;">
					<tr>
						<td>前12个月</td><td>下一级别所</td>
					</tr>
					<tr>
						<td>定级里程：${aInfo.qualPeriodPoint1Qual}公里</td><td>需定级里程：${allInfo.nextValPrimaryTierName}公里</td>
					</tr>
				</table>
				<div class="progress">
					<%-- <label for="slider-fill"></label>
					<input style="display:none;" name="slider-fill" id="slider-fill" type="range" min="0" max="1" step="0" value="" data-highlight="true">
				 --%>
				    <div class="progress-bar">
					  <span style="width: ${cardBili}%;"></span>
					</div>
				</div>
				
				<div><span class="m_le">${allInfo.relPrimaryTierName }</span><span class="m_ri">${allInfo.nextPrimaryTierName }</span></div>
				</c:if>
				<c:if test="${flag=='0' }">
				<div class="progress">
					<%-- <label for="slider-fill"></label>
					<input style="display:none;" name="slider-fill" id="slider-fill" type="range" min="0" max="12" step="0" value="${allInfo.sexDateofBirth}" data-highlight="true">
				 --%>
				  <div class="progress-bar">
					  <span style="width: ${sexBili}%;"></span>
				  </div>
				</div>
				<div><span class="m_le">${allInfo.relPrimaryTierName }</span><span class="m_ri">${allInfo.nextPrimaryTierName }</span></div>
				</c:if>
				<div class="clear"></div>
			</div>
			<div class="line_1"></div>
			<ul>
				<li onclick="window.location.href='<c:url value='/member/inDistanceQuery.do' />'"><div class="i_l"><b>里程信息</b></div><div class="i_r"><img src="<c:url value='/static/img/imgs/icon480_j.png' />" /></div><div class="clear"></div></li>
				<li onclick="window.location.href='<c:url value='/member/inDistanceStep.do' />'"><div class="i_l"><b>里程补登</b></div><div class="i_r"><img src="<c:url value='/static/img/imgs/icon480_j.png' />" /></div><div class="clear"></div></li>
				<li onclick="window.location.href='<c:url value='/member/inAssignManager.do' />'"><div class="i_l"><b>受让人管理</b></div><div class="i_r"><img src="<c:url value='/static/img/imgs/icon480_j.png' />" /></div><div class="clear"></div></li>
			</ul>
		</div>
	</div>
</div>
</body>
</html>